<#import '/ftlLibrary/properteisVariable.ftl' as pv/>
<link href="assets/css/bootstrap-select.css" rel="stylesheet"/>
<link href="assets/css/modify.css" rel="stylesheet"/>
<script src="assets/js/select2/select2.js"></script>
<link href='assets/css/fullcalendar/fullcalendar.css' rel='stylesheet'/>
<script src='assets/js/fullcalendar/fullcalendar.js'></script>
<style>
    .modal-header {
        background-color: #E9F5FF !important;
        color: #8dafc9 !important;
    }

    .modal-title {
        font-size: 16px !important;
    }

    .bootbox-expand-button {
        width: 19px;
        height: 19px;
        border: none;
        cursor: pointer;
        -webkit-appearance: none;
        float: right;
        top: -18px;
        left: -30px;
        position: relative;
        background: #E9F5FF url("assets/img/nav-img/icon_window.png") no-repeat 0 0;
    }

    .bootbox-close-button {
        width: 19px;
        height: 19px;
        border: none;
        cursor: pointer;
        -webkit-appearance: none;
        float: right;
        top: 4px;
        left: -5px;
        position: relative;
        background: #E9F5FF url("assets/img/nav-img/icon_close.png") no-repeat 0 0;
    }

    .bootbox .modal-dialog {
        width: 70% !important;
    }

    .modal-content {
        width: 100%;
    }

    .expandView {
        width: 100%;
    }
</style>
<div class="row" style="margin-left: 0px!important;">
    <#list listMap as data>
        <!-- 映射列表 -->
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 "
             style="border-bottom: 1px solid #8dafc9;padding-top: 5px;padding-bottom:5px;">
            课程日期：${data.startDate}-${data.endDate} ${data.startTime}-${data.endTime}，${data.weekDay} 课程节数：${data.expendClassHour}节 单节消耗课时数：${data.pitchNumber}
        </div>
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" id="leftTree">
            <div class="widget flat radius-bordered">
                <div class="widget-body no-padding">
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"
                         style="border: 1px solid #8dafc9;height: 40px;background-color: #fff;line-height: 40px">
                        <label> TIPS:1 请选择需变动课程:</label>
                        <label class="pull-right" style="cursor: pointer;" onclick="showOrHidden(this)">展开</label>
                    </div>
                    <div class="table-scrollable modelClassChangeShow" style="border: 1px solid #8dafc9;border-top: none;">

                        <!-- 数据表列信息列表 -->
                        <table class="table table-hover dataTable newtable">
                            <thead>
                            <tr>
                                <th title="选择" class="checkboxColumnTh">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" class="chkAll">
                                            <span class="text"></span>
                                        </label>
                                    </div>
                                </th>
                                <th title="课程周次">课程周次</th>
                                <th title="上课时间">上课日期</th>
                                <th title="上课时间">上课时间</th>
                                <th title="周几上课">周几上课</th>
                                <th title="授课老师">授课老师</th>
                                <th title="上课教室">上课教室</th>
                                <th title="耗课时数">耗课时数</th>

                            </tr>
                            </thead>
                            <tbody id="classChangeTbody">
                            <#list data["lessonsList"] as cl>
                                <tr>
                                    <td class="checkboxColumnTd">
                                        <div class="checkbox">
                                            <label>
                                                <input type="checkbox" class="chk" name="id" value="${cl.id}">
                                                <span class="text"></span>
                                            </label>
                                        </div>
                                    </td>
                                    <td></td>
                                    <td>${cl.classTime} </td>
                                    <td>${data.startTime}-${data.endTime}</td>
                                    <td><@dictionary groupCode="weekDay" dictionaryCode="${data.weekDay}" ;weekDay>${weekDay.value }</@dictionary></td>
                                    <td>${cl.adminUserId}</td>
                                    <td>${cl.classId}</td>
                                    <td>${data.pitchNumber}</td>

                                </tr>
                            </#list>
                            </tbody>
                        </table>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"
                         style="border: 1px solid #8dafc9;background-color: #fff;margin-top: 10px ">
                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="height: 40px;line-height: 40px">
                            <label> TIPS:2 请更改变动类型:</label>
                            <label class="pull-right">
                                <button type="button" class="btn btn-lg"
                                        style="background-color: #FFAB00;height: 30px;margin-top: 5px;line-height: 10px;color: #000">
                                    确定并更改课表
                                </button>
                            </label>
                        </div>
                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="height: 40px;line-height: 40px">
                            <button type="button" class="btn btn-lg" style="background-color: #23a8f5;"
                                    onclick="classChangeSingular()">课程变动
                            </button>
                            <button type="button" class="btn btn-lg" style="background-color: #c0c0c0;"
                                    onclick="classChangeSuspend()">停课
                            </button>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"
                         style="border: 1px solid #8dafc9;border-top: none;background-color: #fff">
                        <div id="classChangeSingular" class="col-xs-12 col-sm-12 col-md-12 col-lg-12 hidden"
                             style="height: 40px;line-height: 40px">
                        </div>
                        <div class="row" style="margin: 0;">
                            <div id='calendar' style="display: none">
                                <div class="event">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </#list>
</div>
<script>
    $(".selectpicker").select2();
</script>
<script src="assets/js/validation/bootstrapValidator_init.js"></script>
